$(function(){

			var tipText = '<div class="labelText" style="position: relative;top: {top}px;left: {left}px;">{text}</div>';
			$(".inputBox").focus(function(){
				var l = $(this).prev(".labelText").length;
				if(l == 0){
					var placeholder = $(this).attr("placeholder");
					var node = tipText.replace("{text}",placeholder ).replace("{top}",20).replace("{left}",0);
					$(this).before(node);
				}else if(l > 0){
					$(this).prev(".labelText").show();
					$(this).prev().css("color","green");
				}
				$(this).attr("placeholder","");
				$(this).css("border-bottom"," 1px solid green");
			});
			$(".inputBox").blur(function(){
				if($(this).val == "" || $(this).val().length == 0){
					$(this).attr("placeholder","请输入"+$(this).prev().text());
					//$(this).prev(".labelText").hide();
				}
				$(this).css("border-bottom"," 1px solid #9a9090");
				$(this).prev().css("color"," #9a9090");
			});
			
			
			$(".textareaBox").focus(function(){
				var l = $(this).prev(".labelText").length;
				if(l == 0){
					var placeholder = $(this).attr("placeholder");
					var node = tipText.replace("{text}",placeholder ).replace("{top}",0).replace("{left}",0);
					$(this).before(node);
				}else if(l > 0){
					$(this).prev(".labelText").show();
					$(this).prev().css("color","green");
				}
				$(this).attr("placeholder","");
				$(this).css("border-bottom"," 1px solid green");
			});
		
			$(".textareaBox").blur(function(){
				if($(this).val == "" || $(this).val().length == 0){
					$(this).attr("placeholder",$(this).prev().text());
					$(this).prev(".labelText").hide();
				}
				$(this).css("border-bottom"," 1px solid #9a9090");
				$(this).prev().css("color"," #9a9090");
			});
			
			$(".inputBox").focus();
			$(".textareaBox").focus();
			$("form input").eq(1).focus();
});